{include file="jptweb/head" /}
<title>新媒体榜单</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}
<!--导航栏 end-->

<div class="user_header">
    <div class="main jpt_flex">
        <div class="portrait">
            <img class="" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
        </div>
        <div class="info jpt_flow_item">
            <p class="number">帐号：12345645</p>
            <p class="email">邮箱：12345645@qwe.com</p>
            <p class="role">角色：广告主</p>
        </div>

    </div>

</div>

<div class="main user_w row cl ">
    <aside class="left_nav mt-20 col-md-2">
        <ul>
            <li>
                <a href="{:url('demo/jptweb/userinfo')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/people.png" class="jpt_icon">
                    资料修改
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" onclick="chongzhi()">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/money.png" class="jpt_icon">
                    我要充值
                </a>
            </li>
            <li class="current">
                <a href="{:url('demo/jptweb/useradv')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD.png" class="jpt_icon">
                    广告发布
                </a>
            </li>
            <li>
                <a href="{:url('demo/jptweb/useractivity')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/active.png" class="jpt_icon">
                    活动召集
                </a>
            </li>
            <li>
                <a href="{:url('demo/jptweb/userwallet')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD-qianbao.png" class="jpt_icon">
                    我的钱包
                </a>
            </li>


        </ul>
    </aside>
    <div class=" adv_content content col-md-10 ">
        <div class="adv_nav">
            <span>
                <a href="">选择套餐</a>
            </span>
            <span class="current">
                <a href="{:url('demo/jprweb/useradvmedia')}">自选媒体</a>
            </span>
            <span>
                 <a href="{:url('demo/jptweb/useradvtemplate')}">广告模版</a>
            </span>
            <span>
                <a href="{:url('demo/jptweb/useradvexamine')}">广告审核</a>
            </span>
        </div>
        <div id="tab_media" class="jpt_tab-2 HuiTab">
            <div class="tabBar clearfix">
                <span>选择新媒体</span>
                <span>发布招标要求</span>
            </div>
            <div class="tabCon Choice mt-20 row cl">
                <div class="sear clearfix">
                    <div class="col-sm-6">
                        <button type="button" class="btn btn-primary radius bth_weixin">微信公众号</button>
                    </div>
                    <div class="col-sm-6 jpt_exa_search jpt_search_media">

                        <form class="search" method="get" action="/search.do">
                            <input type="text" placeholder="请输入关键词" class="input-text ac_input" name="search_text"
                                   value="" id="search_text" autocomplete="off">
                            <button type="submit" class="btn btn-default" id="search_button"><i
                                    class="Hui-iconfont Hui-iconfont-search2"></i></button>
                        </form>
                    </div>
                </div>
                <div class="group clearfix row cl">
                    <div class="col-sm-1  jpt-t1">标签：</div>
                    <div class="col-sm-9 Hui-tags-has  ">
                        <span class="current">不限</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                        <span>前端开发</span>
                        <span>H-ui</span>
                    </div>
                    <div class="col-sm-2  ">
                        <button type="button" class="btn btn-default radius  bth-more">更多</button>
                    </div>
                </div>
                <hr>
                <div class="group clearfix row cl">
                    <div class="col-sm-1  jpt-t1">价格：</div>
                    <div class="col-sm-11 Hui-tags-has  ">
                        <span class="current">不限</span>
                        <span>1000以下</span>
                        <span>1000-2000</span>
                        <span>2000-3000</span>
                        <span>3000-5000</span>
                        <span>5000-8000</span>
                    </div>
                    <div class="col-sm-6 col-sm-offset-6  ">
                        <form action="" class="jpt_flex">
                            <input type="text" placeholder="" class="input-text radius size-L">
                            &nbsp;-&nbsp;
                            <input type="text" placeholder="" class="input-text radius size-L">
                            <button type="button" class="btn btn-default radius bth-sub">确认</button>
                        </form>


                    </div>
                </div>

                <hr class="mt-10">


                <div class="group clearfix row cl mt-15">
                    <div class="col-sm-1  jpt-t1">区域：</div>
                    <div class="col-sm-9 jpt_flex  ">
  <span class="select-box placepick">
                <select class="select" name="province"></select>
                </span>
                        <span class="select-box placepick">
            <select class="select" name="city"></select>
    </span>
                        <span class="select-box placepick">
            <select class="select" name="area"></select>
                    </span>
                    </div>
                </div>
                <hr class="mt-10">
                <script>

                    new PCAS("province", "city", "area");
                </script>

                <table class=" media-table table table-border table-bordered">
                    <thead class="text-c">
                    <tr>
                        <th><input type="checkbox" id="checkbox-1">
                            <label for="checkbox-1">全选</label></th>
                        <th>微信号</th>
                        <th>活跃度</th>
                        <th>排名</th>
                        <th>头条</th>
                        <th>二条</th>
                        <th>三条</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="text-c">
                    <tr>
                        <td><input type="checkbox">
                        </td>
                        <td class="jpt_flex wxh">
                            <div class="jpt_thumbnail">
                                <img src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
                            </div>
                            <div class="flex-1">
                                <p>触摸重庆</p>
                                <p>微信号：<span class="c_lan">15546886558589</span></p>
                            </div>
                        </td>
                        <td class="c_lan">99.8</td>
                        <td class="c_lan">1</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td>
                            <a class="bth c_lan">投放</a>
                        </td>


                    </tr>
                    <tr>
                        <td><input type="checkbox">
                        </td>
                        <td class="jpt_flex wxh">
                            <div class="jpt_thumbnail">
                                <img src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
                            </div>
                            <div class="flex-1">
                                <p>触摸重庆</p>
                                <p>微信号：<span class="c_lan">15546886558589</span></p>
                            </div>
                        </td>
                        <td class="c_lan">99.8</td>
                        <td class="c_lan">1</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td>
                            <a class="bth c_lan">投放</a>
                        </td>


                    </tr>
                    <tr>
                        <td><input type="checkbox">
                        </td>
                        <td class="jpt_flex wxh">
                            <div class="jpt_thumbnail">
                                <img src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
                            </div>
                            <div class="flex-1">
                                <p>触摸重庆</p>
                                <p>微信号：<span class="c_lan">15546886558589</span></p>
                            </div>
                        </td>
                        <td class="c_lan">99.8</td>
                        <td class="c_lan">1</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td class="c_o">$1524545</td>
                        <td>
                            <a class="bth c_lan">投放</a>
                        </td>


                    </tr>
                    </tbody>
                </table>
                <div class="mediatable_ft clearfix jpt_flex">
                    已选媒体：
                    <span class="c_o">1</span>个
                    （<a href="" class="c_lan">查看</a>）,
                    账户余额：<span class="c_o">0.00</span>元
                    <div class="flex-1 text-r">
                        <a href="{:url('demo/jptweb/useradvmediaedit')}" class="btn btn-default bth-jpt_dau radius ">立即投放</a>
                    </div>


                </div>


            </div>
            <div class="tabCon Tender row cl clearfix">
                <div class="intnav text-c">
                    <div class="item">
                        <h3>微信软文素材</h3>
                        <button type="button" class="btn btn-default bth-jpt5 radius ">立即导入</button>
                        <button type="button" class="btn btn-default bth-jpt5 radius ">立即创建</button>
                    </div>
                    <div class=" item">
                        <h3>微信软文素材</h3>
                        <button type="button" class="btn btn-default bth-jpt5 radius ">立即导入</button>
                        <button type="button" class="btn btn-default bth-jpt5 radius ">立即创建</button>
                    </div>
                </div>


                <div class="title">创建推广任务</div>
                <form class="Tender_form" action="" method="post">
                    <div class="title2"><i class="Hui-iconfont Hui-iconfont-luyin c_lan"></i>推广设置</div>

                    <div class="groups clearfix">
                        <div class="groups_1">

                            <div class=" group jpt_flex">
                                <label class="tit" for="tgname"> <span class="jpt_icon-jg">*</span>推广名称</label>
                                <input id="tgname" placeholder="请输入推广名称" class="jpt_input-2 input-text radius size-M"
                                       type="text" name="tgname" value="">
                            </div>

                            <div class=" group jpt_flex">
                                <label class="tit"> <span class="jpt_icon-jg">*</span>推广形式</label>
                                <span class="select-box size-M">
                              <select class="select" size="1" name="demo1">
                                <option value="" selected>请选择</option>
                                <option value="1">菜单一</option>
                                <option value="2">菜单二</option>
                                <option value="3">菜单三</option>
                              </select>
                            </span>
                            </div>


                            <div class=" group jpt_flex clearfix">
                                <label class="tit"> <span class="jpt_icon-jg">*</span>匹配方式</label>
                                <span class="select-box size-M">
                              <select class="select" size="1" name="demo1">
                                <option value="" selected>请选择</option>
                                <option value="1">菜单一</option>
                                <option value="2">菜单二</option>
                                <option value="3">菜单三</option>
                              </select>
                            </span>
                            </div>


                            <div class=" group jpt_flex clearfix">
                                <label class="tit"> <span class="jpt_icon-jg">*</span>推广区域</label>
                                <span class="select-box placepick">
                                <select class="select" name="province1"></select>
                            </span>
                                <span class="select-box placepick">
                                    <select class="select" name="city1"></select>
                            </span>
                                <span class="select-box placepick">
                                 <select class="select" name="area1"></select>
                            </span>
                            </div>

                            <script>
                                new PCAS("province1", "city1", "area1");
                            </script>
                            <div class=" group jpt_flex">
                                <label class="tit" for="danjia"> <span class="jpt_icon-jg">*</span>推广单价</label>
                                <input id="danjia" placeholder="请输入推广单价" class="jpt_input-2 input-text radius size-M"
                                       type="text" name="tgname" value="">
                            </div>

                            <div class=" group clearfix">
                                <div class="jpt_flex">
                                    <label class="tit" for="danjia"> <span class="jpt_icon-jg">*</span>其他需求</label>
                                    <textarea class="textarea"></textarea>
                                </div>

                            </div>

                        </div>
                        <div class="groups_1">


                            <div class=" group jpt_flex">
                                <label class="tit"> <span class="jpt_icon-jg">*</span>推广日期</label>
                                <input type="text" placeholder="请选择开始日期" class=" input-text radius size-M"
                                       id="date_sta">
                                -
                                <input type="text" placeholder="请选择结束日期" class=" input-text radius size-M"
                                       id="date_end">
                            </div>
                            <div class=" group jpt_flex">
                                <label class="tit" for="tgname"> <span class="jpt_icon-jg">*</span>推广素材</label>
                                <div class="scbd">
                                    <input class="btn btn-default bth-jpt_dau radius" type="button" value="选择素材">
                                </div>
                            </div>
                            <div class=" group jpt_flex">
                                <label class="tit" for="danjia"> <span class="jpt_icon-jg">*</span>推广预算</label>
                                <input id="yvsuan" placeholder="请输入推广预算" class="jpt_input-2 input-text radius size-M"
                                       type="text" name="yvsuan" value="">
                            </div>
                            <div class=" group clearfix" style="visibility:hidden;">
                                <div class="jpt_flex">
                                    <label class="tit" for="danjia"> <span class="jpt_icon-jg">*</span>其他需求</label>
                                    <textarea class="textarea"></textarea>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <button type="button" class="btn btn-default bth-jpt_dau radius ">立即推广</button>
                    </div>

                    <div class="col-sm-3">
                        <button type="button" class="btn btn-default bth-jpt_dau radius ">保存任务</button>
                    </div>
                </form>


            </div>
        </div>


    </div>
</div>


{include file="jptweb/footer" /}
</div>


<script>
    $("#tab_media").Huitab({
        index: 0
    });
    laydate.render({
        elem: '#date_sta' //指定元素
    });
    laydate.render({
        elem: '#date_end' //指定元素
    });

    function chongzhi() {
        layer.open({
            type: 1,
            title: '充值方式', //不显示标题

            area: ['420px', '240px'], //宽高
            content: '<form class="jpt_layer jpt_Recharge text-c">' +
            '<div class="col-sm-12 mt-20">' +
            '<div class="col-sm-8 col-sm-offset-2">' +
            '<input class="jpt_input-2 input-text radius size-L" type="text" name="code2" placeholder="请输入充值金额" ></div>' +
            '</div>' +
            '<div class="col-sm-12 text-c mt-20">' +
            '<div class="check-box">\n' +
            '    <input type="radio" id="r1" name="pay_sta" value="zhifu" checked>\n' +
            '    <label for="r1"><img src="/static/jpt/jptweb/img/zhifu.png"></label>\n' +
            '  </div>\n' +
            '  <div class="check-box">\n' +
            '    <input type="radio" id="r2" value="pay" name="pay_sta" >\n' +
            '    <label for="r2"><img src="/static/jpt/jptweb/img/pay.png"></label>\n' +
            '  </div>' +
            '</div>' +
            '<button class="btn btn-primary radius bth-sub  mt-20 ">立刻充值</button></form>'
        });
    }

</script>
</body>
</html>